import React, { useEffect, useState } from 'react';
import { Tabs, TabsProps, message } from 'antd';
import Administer from './Administer';
import SetupCard from './SetupCard';
import Report from './Report';
import Channel from './Channel';
import LadderControl from './LadderControl';
import SchoolHours from './SchoolHours';
import { useIntl } from '@umijs/max';
const index: React.FC = () => {


  const intl = useIntl()

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: intl.formatMessage({id:"CardProduction.Setup card"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),
      children: (
        <SetupCard
          key={'setupCard'}

        />
      ),
    },
    {
      key: '2',
      label:intl.formatMessage({id:"CardProduction.Management card"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),
      children: (
        <Administer
          key={'administer'}
        />
      ),
    },
    {
      key: '9',
      label: intl.formatMessage({id:"CardProduction.Hour card"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),
      children: <SchoolHours key={'jiaoshi '} />,
    },
    {
      key: '3',
      label: intl.formatMessage({id:"CardProduction.Report Lost card"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),
      children: <Report
        key={'report '}
      />,
    },
    {
      key: '5',
      label: intl.formatMessage({id:"CardProduction.Ladder control"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),

      children: <LadderControl key={'LadderControl '}
      
        
      />,
    },
    {
      key: '6',
      label: intl.formatMessage({id:"CardProduction.channel"}) + " "+ intl.formatMessage({id:"CardProduction.Card records"}),
      children: <Channel key={'channel '}
       
   
      ></Channel>

    },
  ];

  return (
    <>
      <Tabs defaultActiveKey="1" items={items}></Tabs>
    </>
  );
};

export default index;
